<template>
<el-dialog title="检测单详情" :visible.sync="params.infoShow" width="1200px" >
  <div class="car-detial">
    <div class="car-info-panel">
			<div class="car-info-title">车辆信息</div>
			<el-form :inline="true"  label-width="120px" class="clearfix">
				<el-col :sm="24" :md="12" :lg="8" :xl="6" >
					<el-form-item label="品牌：">
						{{res.car.brand.brandName}}
					</el-form-item>
				</el-col>
				<el-col :sm="24" :md="24" :lg="24" :xl="24" >
					<el-form-item label=" 宣传标题：">
						{{res.car.carTitle}}
          </el-form-item>
				</el-col>
				<el-col :sm="24" :md="12" :lg="8" :xl="6" >
					<el-form-item label="车驾号：">
						{{res.car.carVin}}
					</el-form-item>
				</el-col>
				<el-col :sm="24" :md="12" :lg="8" :xl="6" >
					<el-form-item label="车牌：">
						{{res.car.carPlate}}
					</el-form-item>
				</el-col>
			</el-form>
      
      <div class="car-info-title">检测员信息</div>
			<el-form :inline="true"  label-width="120px" class="clearfix">
				<el-col :sm="24" :md="12" :lg="8" :xl="6" >
					<el-form-item label="检测员姓名：">
						{{res.user.userName}}
					</el-form-item>
				</el-col>
				<el-col :sm="24" :md="12" :lg="8" :xl="6" >
					<el-form-item label="检测员手机号：">
						{{res.user.userMobile}}
          </el-form-item>
				</el-col>
			</el-form>
      <div class="car-info-title">商铺信息</div>
			<el-form :inline="true"  label-width="120px" class="clearfix">
				<el-col :sm="24" :md="12" :lg="8" :xl="6" >
					<el-form-item label="商铺名称：">
						{{res.car.shop.shopName}}
					</el-form-item>
				</el-col>
				<el-col :sm="24" :md="12" :lg="8" :xl="6" >
					<el-form-item label="商铺手机号：">
						{{res.car.shop.shopMobile}}
          </el-form-item>
				</el-col>
			</el-form>
      <div class="car-info-title">检测信息</div>
			<el-form :inline="true"  label-width="120px" class="clearfix">
				<el-col :sm="24" :md="12" :lg="8" :xl="6" >
					<el-form-item label="检测结果：">
						{{res.detectionResult}}
					</el-form-item>
				</el-col>
				<el-col :sm="24" :md="12" :lg="8" :xl="6" >
					<el-form-item label="检测备注：">
						{{res.detectionRemark}}
          </el-form-item>
				</el-col>
        <el-col :sm="24" :md="24" :lg="24" :xl="24" >
					<el-form-item label="检测图片：">
						<img v-for="item in res.detectionImages" :src="imageUrl + item.detectionImageUrl + '.r_150xh_100'" alt="">
          </el-form-item>
				</el-col>
			</el-form>
		</div>
  </div>
  </el-dialog>
</template>

<script>
  export default {
		props: ['params'],
		data () {
			return {
				imageUrl,
				res: {
					detectionImages: [],
					car: {brand: {}, shop: {}},
					user: {}
				}
			}
		},
		created () {
			this.$axios.get(this.$api.getDetectionById, {params: {detectionId: this.params.obj.detectionId}}).then(res => {
				this.res = res.data.result
			})
		}

  }
</script>
